<!-- Public details for colors (Colors). {* Remove the fields or entire contents if not. *}-->
<div class="details">
	
  <div class="holder">
    <div class="title">Color Code</div>
    <div class="content">{$colors.color_code|default:'-'}</div>
  </div>

	
  <div class="holder">
    <div class="title">Color Name</div>
    <div class="content">{$colors.color_name|default:'-'}</div>
  </div>

	
  <div class="holder">
    <div class="title">Color Foreground</div>
    <div class="content">#{$colors.color_foreground|default:'-'}</div>
  </div>

	
  <div class="holder">
    <div class="title">Color Background</div>
    <div class="content">#{$colors.color_background|default:'-'}</div>
  </div>
  
  <div class="holder">
    <div class="title">Sample</div>
    <div class="content"><div style="color:#{$colors.color_foreground}; background-color:#{$colors.color_background}; width:100px;">Sample</div></div>
  </div>

</div>

<!-- End of public details of colors (Colors) -->